<template>
<view class="card_container">
  <view class="title_more flex">
    <view class="title">{{ title }}</view>
    <view class="more">{{ more }}</view>
  </view>
  <slot></slot>
</view>
</template> 
<script setup lang="ts">
const props = defineProps(['title','more'])
</script>

<style scoped lang="less">
.card_container{
  padding: 20rpx 20rpx;
  .title_more{
    height: 30px;
    background:rgb(0, 204, 153);
    justify-content: space-between;
    .title{
      font-size: 30rpx;
      margin-top: 8rpx;
      color: #333;
    }
    .more{
      font-size: 30rpx;
      margin-top: 8rpx;
      color:#666;
    }
  }
}
</style>